import React from "react";
import { Position } from "react-flow-renderer";
import { Handle } from "react-flow-renderer";

interface TestNodeProps {
  data?: any;
}
const TestNode = (props: TestNodeProps) => {
  const { data } = props;
  return (
    <div>
      <Handle
        type="target"
        position={Position.Left}
        style={{ borderRadius: 0 }}
      />
      <div>{data.text}</div>
      <Handle
        type="source"
        position={Position.Right}
        id="a"
        style={{ top: "30%", borderRadius: 0 }}
      />
      <Handle
        type="source"
        position={Position.Right}
        id="b"
        style={{ top: "70%", borderRadius: 0 }}
      />
    </div>
  );
};

export default TestNode;
